body{
  background-image: linear-gradient(-225deg, #69EACB 0%, #EACCF8 48%, #6654F1 100%);
  /* background-image: linear-gradient(-225deg, #FF057C 0%, #7C64D5 48%, #4CC3FF 100%); */
  padding: 0 50px;
  height: 100vh;
} 
*{
  margin: 0;
  padding: 0;
}
 marquee {
   line-height: 50px;
   font-size: 28px;
   font-weight: bold;
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   background: #dfe4ea;
  }
  h2{
    font-size: 1.5em;
    font-weight: 800 !important;
    margin: 10px 0 5px 0;
  }
  p{
    padding: 5px 15px;
    background:#0fb9b1 ;
    width: 360px;
    border-radius: 8px;
    font-size: 1.5em;
  }

  span {
   margin: 0 5px;
  }

  ol {
   list-style: lower-roman;
   list-style-position: inside;
  }

  ol li {
   background: #ff7675;
   padding: 5px 10px;
   margin-bottom: 10px;
   width: 360px;
   border-radius: 8px;
  }

  ol li a,p a {
   color: #FFFFFF;
   text-decoration: none;
   font-size: 1.2em;
   font-weight: 800;
   font-family: 'Courier New', Courier, monospace;
  }
  ol li:hover{
    background: #1e90ff;
    color: #1e90ff;
    transition: linear ease 3s;
  }